{% stylesheet %}
.block_solgan {
  background-color: var(--bg_color);
  padding: 60px;
  box-sizing: border-box;
  border-radius: 6px;
}

.block_solgan .solgan-flex {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 30px;
  grid-column-gap: 30px;
}

@media screen and (max-width: 767px) {
  .block_solgan .solgan-flex {
    flex-direction: column;
  }
}

.block_solgan .solgan-flex .solgan-flex-item {
  flex: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-title {
  margin-top: 40px;
  font-size: var(--product_font_size);
  text-align: center;
  color: var(--title_color);
}

@media screen and (max-width: 767px) {
  .block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-title {
    margin-top: 20px;
  }
}

.block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-des {
  margin-top: 20px;
  text-align: center;
  line-height: 20px;
  color: var(--detail_color);
}

@media screen and (max-width: 767px) {
  .block_solgan .solgan-flex .solgan-flex-item .solgan-flex-item-des {
    margin-top: 10px;
  }
}

{% endstylesheet %}

{% assign defaultEmpty = 'empty.png' | public_asset_abs_url %}
{% assign blockId = block_id | default : section.block_id %}

<div class="container-wrapper">
<div class="block_solgan" style="--bg_color:{{section.settings.bg_color}}">
  {% include 'title',title:section.settings.title,detail:section.settings.describe %}
  <div class="solgan-flex">
    {% for block in section.blocks %}
    <div class="solgan-flex-item animation-init" data-animation="animation-move-bottom">
      {% if block.image.src %}
      <img data-src="{{ block.image.src }}" src="{{ defaultEmpty }}" alt="{{ block.image.alt}}"  style="width:auto;height:48px" />
      {% else %}
      {% include 'icon_slogan' slogan: block.icon %}
      {% endif %}
      <div class="solgan-flex-item-title">{{ block.title }}</div>
      <div class="solgan-flex-item-des">
        <object>{{ block.content }}</object>
      </div>
    </div>
    {% endfor %}
  </div>
</div>
</div>

{% schema %}
{
	"tag": "",
	"class": "block_slogan",
	"icon": "icon-boke",
	"is_global": false,
	"name": {
		"zh_CN": "slogan"
	},
	"max_blocks": "5",
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "slogan"
			}
		},
		{
			"type": "card_input",
			"label": {
				"zh_CN": "标题"
			},
			"id": "title",
			"default": "Why Choose Us"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "背景颜色"
			},
			"id": "bg_color"
		},
		{
			"type": "card_text_editor",
			"label": {
				"zh_CN": "简短描述"
			},
			"id": "describe",
			"default": "You are welcome to visit our store, the following are the coupons that can be used to purchase product in our store, you can receive and use it"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "内容"
			}
		}
	],
	"blocks": [
		{
			"name": {
				"zh_CN": "slogan"
			},
			"type": "slogan-item",
			"settings": [
				{
					"type": "card_select",
					"label": {
						"zh_CN": "选择图片"
					},
					"id": "icon",
					"option": [
						{
							"label": {
								"zh_CN": "物流"
							},
							"value": "oemsaas-wuliu",
							"icon": "shopyyicon-wuliu"
						},
						{
							"label": {
								"zh_CN": "货币"
							},
							"value": "oemsaas-huobi",
							"icon": "shopyyicon-huobi"
						},
						{
							"label": {
								"zh_CN": "认证"
							},
							"value": "oemsaas-renzheng",
							"icon": "shopyyicon-renzheng"
						},
						{
							"label": {
								"zh_CN": "全球交付"
							},
							"value": "oemsaas-quanqiujiaofu",
							"icon": "shopyyicon-quanqiujiaofu"
						},
						{
							"label": {
								"zh_CN": "买家保护"
							},
							"value": "oemsaas-maijiabaohu",
							"icon": "shopyyicon-maijiabaohu"
						},
						{
							"label": {
								"zh_CN": "手机"
							},
							"value": "oemsaas-iphone",
							"icon": "shopyyicon-shouji"
						},
						{
							"label": {
								"zh_CN": "聊天"
							},
							"value": "oemsaas-liaotian",
							"icon": "shopyyicon-liaotian"
						},
						{
							"label": {
								"zh_CN": "信用卡"
							},
							"value": "oemsaas-xinyongka",
							"icon": "shopyyicon-xinyongka"
						},
						{
							"label": {
								"zh_CN": "邮箱"
							},
							"value": "oemsaas-youxiang",
							"icon": "shopyyicon-youxiang"
						},
						{
							"label": {
								"zh_CN": "定位"
							},
							"value": "oemsaas-dingwei",
							"icon": "shopyyicon-dingwei"
						},
						{
							"label": {
								"zh_CN": "问题"
							},
							"value": "oemsaas-wenti",
							"icon": "shopyyicon-wenti"
						},
						{
							"label": {
								"zh_CN": "笑脸"
							},
							"value": "oemsaas-xiaolian",
							"icon": "shopyyicon-xiaolian"
						},
						{
							"label": {
								"zh_CN": "店铺/房子"
							},
							"value": "oemsaas-dianpufangzi",
							"icon": "shopyyicon-a-dianpufangzi"
						},
						{
							"label": {
								"zh_CN": "礼物"
							},
							"value": "oemsaas-liwu",
							"icon": "shopyyicon-liwu"
						},
						{
							"label": {
								"zh_CN": "爱心"
							},
							"value": "oemsaas-aixin",
							"icon": "shopyyicon-aixin"
						},
						{
							"label": {
								"zh_CN": "折扣"
							},
							"value": "oemsaas-zhekou",
							"icon": "shopyyicon-zhekou"
						},
						{
							"label": {
								"zh_CN": "安全锁"
							},
							"value": "oemsaas-anquansuo",
							"icon": "shopyyicon-anquansuo"
						},
						{
							"label": {
								"zh_CN": "转换"
							},
							"value": "oemsaas-zhuanhuan",
							"icon": "shopyyicon-zhuanhuan"
						},
						{
							"label": {
								"zh_CN": "购物车"
							},
							"value": "oemsaas-gouwuche",
							"icon": "shopyyicon-gouwuche"
						},
						{
							"label": {
								"zh_CN": "24h"
							},
							"value": "oemsaas-a-24h",
							"icon": "shopyyicon-a-24h"
						},
						{
							"label": {
								"zh_CN": "商品"
							},
							"value": "oemsaas-shangpin",
							"icon": "shopyyicon-shangpin"
						},
						{
							"label": {
								"zh_CN": "优惠券"
							},
							"value": "oemsaas-youhuiquan",
							"icon": "shopyyicon-youhuiquan"
						},
						{
							"label": {
								"zh_CN": "客户群"
							},
							"value": "oemsaas-kehuqun",
							"icon": "shopyyicon-kehuqun"
						},
						{
							"label": {
								"zh_CN": "编辑"
							},
							"value": "oemsaas-bainji",
							"icon": "shopyyicon-bianji"
						},
						{
							"label": {
								"zh_CN": "会员"
							},
							"value": "oemsaas-huiyuan",
							"icon": "shopyyicon-huiyuan"
						},
						{
							"label": {
								"zh_CN": "航运"
							},
							"value": "oemsaas-hangyun",
							"icon": "shopyyicon-hangyun"
						},
						{
							"label": {
								"zh_CN": "建筑"
							},
							"value": "oemsaas-jianzhu",
							"icon": "shopyyicon-jianzhu"
						},
						{
							"label": {
								"zh_CN": "赞美"
							},
							"value": "oemsaas-zanmei",
							"icon": "shopyyicon-zanmei"
						},
						{
							"label": {
								"zh_CN": "视频"
							},
							"value": "oemsaas-shipin",
							"icon": "shopyyicon-shipin"
						},
						{
							"label": {
								"zh_CN": "个性定制"
							},
							"value": "oemsaas-gexingdingzhi",
							"icon": "shopyyicon-gexingdingzhi"
						},
						{
							"label": {
								"zh_CN": "增长"
							},
							"value": "oemsaas-zengzhang",
							"icon": "shopyyicon-zengzhang"
						},
						{
							"label": {
								"zh_CN": "资料"
							},
							"value": "oemsaas-ziliao",
							"icon": "shopyyicon-ziliao"
						},
						{
							"label": {
								"zh_CN": "学生"
							},
							"value": "oemsaas-xuesheng",
							"icon": "shopyyicon-xuesheng"
						},
						{
							"label": {
								"zh_CN": "办公"
							},
							"value": "oemsaas-bangong",
							"icon": "shopyyicon-bangong"
						},
						{
							"label": {
								"zh_CN": "模块"
							},
							"value": "oemsaas-mokuai",
							"icon": "shopyyicon-mokuai"
						},
						{
							"label": {
								"zh_CN": "文件包"
							},
							"value": "oemsaas-wenjianbao",
							"icon": "shopyyicon-wenjianbao"
						},
						{
							"label": {
								"zh_CN": "文件"
							},
							"value": "oemsaas-wenjian",
							"icon": "shopyyicon-wenjian"
						},
						{
							"label": {
								"zh_CN": "条约"
							},
							"value": "oemsaas-tiaoyue",
							"icon": "shopyyicon-tiaoyue"
						},
						{
							"label": {
								"zh_CN": "商务"
							},
							"value": "oemsaas-shangwu",
							"icon": "shopyyicon-shangwu"
						},
						{
							"label": {
								"zh_CN": "分享"
							},
							"value": "oemsaas-a-fenxiangfabu",
							"icon": "shopyyicon-a-fenxiangfabu"
						}
					],
					"default": "oemsaas-wuliu"
				},
				{
					"type": "card_image",
					"label": {
						"zh_CN": "选择图片"
					},
					"info": {
						"zh_CN": "尺寸建议48*48px"
					},
					"id": "image",
					"default": {
						"src": "",
						"alt": ""
					}
				},
				{
					"type": "card_input",
					"label": {
						"zh_CN": "标题"
					},
					"id": "title",
					"default": "Worldwide Delivery"
				},
				{
					"type": "card_text_editor",
					"label": {
						"zh_CN": "内容"
					},
					"id": "content",
					"default": "Fast Shipping to over 200+ countries, Package Location Tracking Online."
				}
			]
		}
	],
	"default": {
		"settings": {
			"title": "Why Choose Us",
			"bg_color": "#edead3",
			"describe": "You are welcome to visit our store, the following are the coupons that can be used to purchase product in our store, you can receive and use it"
		},
		"blocks": [
			{
				"icon": "oemsaas-wuliu",
				"image": {
					"src": "",
					"alt": ""
				},
				"title": "Worldwide Delivery",
				"content": "Fast Shipping to over 200+ countries, Package Location Tracking Online.",
				"block_type": "slogan-item"
			},
			{
				"icon": "oemsaas-xinyongka",
				"image": {
					"src": "",
					"alt": ""
				},
				"title": "Safe Payment",
				"content": "Secure Payment VIA Paypal, Don't keep any cards information.",
				"block_type": "slogan-item"
			},
			{
				"icon": "oemsaas-renzheng",
				"image": {
					"src": "",
					"alt": ""
				},
				"title": "Buyer Protection",
				"content": "7-day Satisfaction Guarantee, Full Refund if dont receive orders.",
				"block_type": "slogan-item"
			}
		]
	}
}
{% endschema %}